<template>
  <div class="todaydata">
     <h2 class="title">昨日数据</h2>
     <el-row type="flex" justify="space-around" class='data'>
       <el-col :span="10">
           <h3 class="text">
             昨日新增用户：
           </h3>
           <div class="num">
             23
         </div>
      </el-col>
       <el-col :span="10">
            <h3 class="text">
             昨日新增评论：
           </h3>
            <div class="num">
              10
            </div>
       </el-col>
     </el-row>
  </div>
</template>

<script>
export default {
  name: 'todaydata'
}
</script>

<style lang="stylus" scoped>
.todaydata
  height 100%
  .title
    font-size 24px
    line-height 60px
    height 60px
    font-weight 700px
    padding-bottom 15px
  .data
    position relative
    height calc(100% - 75px)
    .num
      position absolute
      top 50%
      transform translateY(-50%)
      margin-left 20px
      font-size 50px
      color #cccccc
      .mark
        color rgba(220,20,60,.8)
</style>
